<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		
		<link rel="stylesheet"  href="olscheckboxtree.css"   type="text/css" /> 
		
		<script language="JavaScript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
		<script language="JavaScript" type="text/javascript" src="jquery-ui-1.8.2.custom.min.js"></script>
		<script language="JavaScript" type="text/javascript" src="ui.olscheckboxtree.js"></script>
		<script language="JavaScript" type="text/javascript">
			var on_state_changed = function(e, data){
				//console.log($('#experiment1').olscheckboxtree('get_checked'));
				//console.log($('#experiment1').olscheckboxtree('get_unchecked'));
			}
			
			$(function(){
				$('#experiment1').olscheckboxtree({
					ontology_id:'SO', 
					root_name:'SO', 
					ids: ["SO:0000418", "SO:0100010", "SO:0000417", "SO:0000001", "SO:0100017", "SO:0001074", "SO:0001075", "SO:0001073", "SO:0001067", "SO:0001093", "SO:0001077", "SO:0001069", "SO:0000419", "SO:0001064", "SO:0001072", "SO:0000839", "SO:0001066", "SO:0001092", "SO:0001089", "SO:0001149", "SO:0001147", "SO:0001148", "SO:0001085", "SO:0001111", "SO:0001128", "SO:0001117"],  
					service_url: '../proxy.php?url=http://www.ebi.ac.uk/ontology-lookup/json/',
					collapsed:true,
					selected:true,
					on_state_changed: on_state_changed,
					collapse_image: 'open.png',
					expand_image: 'close.png',
					unselected_ids:['SO:0000001', 'SO:0001060']
				});
			});	
		</script>
	</head>
	<body>
		<div class="target" id="experiment1"></div>
	</body>
</html>
